<!DOCTYPE html>
<html>
	<head> 
		<meta charset="GBK">
		<title></title>
	</head>
	<style type="text/css">
	.red{
		color: orange;
		font-size:12px ;
	}	
		.x{
			color: orange;
			font-size: 12px;
		}
		.y{
			color: orange;
			font-size: 12px;
		}
		.q{
			color: orange;
			font-size: 12px;
		}
	</style>
		
	
	<body>
		<img src="img/222.png">
		
	
		<form method="post" action="zuye.html">
			
			    <p><label for="yonghuming"> * 用 户 名 ：<input type="text" placeholder="用户名设置成功后不可修改" required="" id="yonghuming" pattern="[\u4E00-\u9FA5]{4,10}"/><span class="red" >6-30位字母、数字或“_”,字母开头</span></p>
				<p><label for="pass">* 登录密码：<input type="text" placeholder="6-20位字母、数字或符号" required="" id="pass" pattern="[\dA-Za-z]{6,16}"/></label></p>
				<p><label for="queren">*确认密码：<input type="text" placeholder="再次输入您的登录密码" id="queren" required=""/></label></p>
				<p><label for="zhengjian">*证件类型:<select name="leixing"  id="zhengjian"></label></p>
					<option value ="shengfenzheng">中国居民身份证</option>
					<option value ="shengfenzheng">外国人永久居留身份证</option>
					<option value ="shengfenzheng">港澳台居民居住证</option>
					</select>
					<p><label for="zhongguo"><input type="radio" name="sex" id="zhongguo"/>中国居民身份证</label>
					<p><label for="waiguo"><input type="radio" name="sex" id="waiguo"/>外国人永久居留身份证</label>
					<p><label for="gangao"><input type="radio" name="sex" id="gangao"/>港澳台居民居住证</label>
				<p>* 姓名：<input type="text" placeholder="请输入姓名" pattern="^([\u4e00-\u9fa5]{1,20}|[a-zA-Z\.\s]{1,20})$"/><span class="x">姓名填写规则（用于身份核验，请正确填写）</span></p>
				<p>* 证件号码：<input type="text" placeholder="请输入您的证件号码"pattern="/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/"/><span class="y">（用于身份核验，请正确填写）</span></p>
				<p>* 邮箱：<input type="text" placeholder="请正确填写邮箱地址"/></p>
				<p>* 手机号码（+86）：<input type="text" placeholder="请输入您的手机号码" pattern="1[3578]\d{9}"/><span class="q"/>请填写正确的手机号码，稍后将向该手机号码发送短信验证码</span></p>
				<p>* 旅客类型:<select name="leixing">
				<option value="luke">成人</option>
				<option value="luke">小孩</option>
				<option value="luke">孕妇</option></select></p>
				<div><input type="checkbox"/>我已阅读并同意遵守 <a href="fuwu.">《中国铁路客户服务中心网站服务条款》</a><a href="yingsiquan.">《隐私权政策》</a></div>
				<p><input type="image" name="zhuce"/></p>
			
			
			
			
			
		
		
		
	
	</body>
</html>
